/* body{
    background: url('../img/backgroundImage.png') 100% 100% no-repeat;
} */
#managemodel,#people,#categorystatic,#schooldistribute{
    display: flex;
    flex-direction: column;
}
.modeltitle{
    flex: 0 0 20%;
    display: flex;
    flex-direction: row;    
    align-items: center;
    border: 1px solid blue;
}
.modeltitle img{
    width: 20px;
    height: 20px;
    border: 1px solid red;
    border-radius: 50%;
}
 .p1{
    font-weight: bold;
    color: red;
}
.p2{
    margin-left: 5px;
}

.modelcharts{
    flex: 0 0 80%;
    display:flex;
    flex: 1;
    flex-direction: row;
   
}
#managementModel1,#managementModel2{
    flex: 0 0 50%;
    /* width:50%; */
    height:100%;
    
}

/* 人员统计 */
.peopletitle{
    height: 15%;
    display: flex;
    flex-direction: row;    
    align-items: center;
    border: 1px solid blue;
}
.peoplestatic{
    height: 15%;
    display: flex;
    flex-direction: row;  
    align-items: center;
    border: 1px solid green;  
    flex: 1;
}
.peoplestatic > div{
    flex: 0 0 50%;
    
    display: flex;
    flex-direction: row;
    align-items: center;
}

.peoplecharts{
    height: 70%;
    display: flex;
    flex-direction: row;  
    border: 1px solid yellow;  
}
.peoplecharts > div{
    height: 100%;
    width: 50%;
}

/* 最喜爱的菜品统计 */
.categorytitle{
    height:20%;
    border: 1px solid green;
    display: flex;
    flex-direction: row;
    align-items: center;
}
#categorychart{
    width: 100%;
    height:80%;
    border: 1px solid red;

}

/* 学校分布情况 */
.distr-title{
    height:10%;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.distr-chart{
    height: 90%;
    width: 100%;
}